<template>
    <view class="main-content">
		<index-header></index-header>
        <view class="content">
			<view class="search_area">
				<text class="iconfont icon_search"></text>
				<input type="text" placeholder="请输入搜索关键字" />
			</view>
		</view>
    </view>
</template>

<script>
    import {
        mapState,
        mapMutations
    } from 'vuex';
	
    export default {
        data() {
            return {
            };
        },

        onLoad() {
           
        },
        onShow(e) {
           
        },
        onShareAppMessage() {

        },
		
        computed: {
           
        },
        methods: {
		
			
        }
    }
</script>

<style lang="scss">
    .content {
        width: 750upx;
        height: auto;
        padding-top: 108upx;
		min-height: calc(100% - 528upx);
		
		.search_area {
			height: 70upx;
			margin: 20upx 25upx;
			background-color: #D9D9D9;
			border-radius: 8upx;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			
			.iconfont {
				font-size: 32upx;
				margin: 0 30upx;
			}
			
			input {
				width: 540upx;
			}
		}
	}
</style>
